<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			p{
				text-indent: 2em;
				font-size: 40px;
			}
			li{
				width: 300px;
				background-color: red;
				text-align: center;
				font-size: 20px;
				text-decoration-line: line-through;
				text-decoration-color: white;
				text-decoration-style: double;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
			}
			
			a{
				font-size: 40px;
				text-decoration: none;
				color: #8A2BE2;
				text-shadow: 0px 0px 10px gray;
				/* letter-spacing: 50px; */
				word-spacing: 40px;
				white-space: nowrap;
				
			}
			
			div{
				width: 200px;
				height: 12.5rem;
				background-color: red;
				text-align: center;
				/*行高与高度一致 文本自动垂直居中*/
				line-height: 200px;
			}
		</style>
	</head>
	<body>
		<p>
			我是段落我是段落我是段落我是段落我是段落我是段落我是段落我
		</p>
		<hr >
		<li>我是列表我是列表我是列表我是列表我是列表我是列表</li>
		<hr >
		<a href="https://www.baidu.com">百度一下 Hello World!!! aaaaaaaaaaaa bbbbbbbbbb ccccccccccccccc</a>
		<hr >
		<div>你好</div>
	</body>
</html>
